<template>
	<my-bottom-popup confirm confirmText="关闭" title="服务协议">
		<view class="service-agreement">
			<scroll-view class="scroll-view" scroll-y>
				<view class="notice-content">
					<rich-text :nodes="richText"></rich-text>
				</view>
			</scroll-view>
		</view>
	</my-bottom-popup>
</template>

<script lang="ts" setup>
import MyBottomPopup from '@/components/my-bottom-popup/my-bottom-popup.vue';
	
	defineProps({
		richText: {
			type: String,
			default: '',
		},
	});
</script>

<style lang="scss" scoped>
	.service-agreement {
		.scroll-view {
			height: 1000rpx;
			background: #F4F5F8;
			border-radius: 16rpx;
		}
		.notice-content {
			padding: 28rpx 26rpx;
		}
	}
</style>